Ext.define('Zm.view.Viewport', {
    extend: 'Ext.Viewport',
    layout: 'border',

    requires: [
        'Ext.layout.container.Border',
        'Zm.view.Header',
        'Zm.view.nav.View',
        'Zm.view.View'
    ],

    initComponent: function() {
        var me = this;
        Ext.apply(me, {
            items: [{
                id:'header',
                xtype:'lheader',
                region: 'north'
            },{
                xtype:'navview',
                stateId:'nav',
                stateful:true,
                region:'west'
            },{
                xtype:'cardview',
                region:'center'
            }]
        });
                
        me.callParent(arguments);
    }
});
